﻿body{}
.mytopdiv{width: auto; text-align:left; background-color:#EFF5FE; border-bottom:1px #8DB2E3 solid; margin:0px 0px; padding:3px 3px 3px 3px; height: 38px; }
.mytopduvrows{ width:100%; margin-top:8px;}
.mytopmodel{margin-left: 10px; color: #0099CC; font-weight: bold; margin-top:15px; margin-bottom:15px;}
.mytopmodel a{ color: #000000; font-weight:lighter; text-decoration: none;}
.maindiv{margin-left:5px; width:98%; text-align:center; margin-top:15px;}
.mytable{border:solid 1px #8DB2E3; font-size: 12px; width:100%;border-collapse:collapse; }
.mytable th{ height:25px; line-height:25px; border:solid 1px #8DB2E3; text-align:center; color:#15428B; background-color:#EAF2FE}
.mytable th a{ font-size:12px; color:#15428B; line-height:18px;text-decoration:none; font-weight:normal;}
.mytable th a:hover{ font-size:12px; color:#15428B;line-height:18px;text-decoration:underline; font-weight:bold;}
.mytable td{border:solid 1px #8DB2E3; margin:2px auto; height:25px; line-height:18px; padding:2px auto;}
#editTable { background-color: #eeeeee; border: 1px #eeeeee solid; width:100%;border-collapse:collapse; font-size: 13px;  }
#editTable tr td { background-color:#FFF; padding:1px 0 1px 5px; text-align:left;}
#editTable .text{ width: 80px; text-align: right; }
#editTable .control{ padding-left: 8px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; }
#editTable .controlimg{ text-align:left; }
#editTable td img{ vertical-align:middle;  }
.webtextarea{width:670px;}
.InputText{ width:200px; }

.tLeft{text-align:left}
.tRight{text-align:right}
.tCenter{text-align:center}
.tTop{vertical-align:top}
.tBottom{vertical-align:bottom}
.tMiddle{vertical-align:middle}
.hMargin{margin-left:3px; margin-right:3px}
.vMargin{margin-top:3px; margin-bottom:3px}

.fLeft{float:left}
.fRig{float:right}
.fNone{float:none}
.cBoth{clear:both}
.bold{font-weight:bold}
.normal{font-weight:normal}
.over{background-color:#CFC}
.out{background-color:#FFF}
.down{background-color:#CF9}
.click{background-color:#CC3}
.space{letter-spacing:4px}

.huge{width:350px}
.large{width:280px}
.medium{width:150px}
.small{width:65px}
.mini{width:35px}
.readonly{filter:alpha(opacity=60)}

.bLeft{border-left-width:2px; border-left-color:gray}
.bLeftRequire{border-left-width:2px; border-left-color:red}
.bRight{border-right-width:2px; border-color:gray}
.bBottom{border-bottom-width:2px; border-color:gray}
.bTop{border-top-width:2px; border-color:gray}
.dashed{border:1pt dashed gray}
.solid{border:1pt solid gray}
.wrongBorder{border:2pt solid orange}
.none{display:none}
input, textarea{padding:3px 3px; background: #f5f5f5;
	border: 1px solid #ccc;margin:0; overflow:none; font:100%/1.0em Tahoma,Arial,Helvetica,sans-serif; color:#444}
input.focus{filter:blur(strength=50); border:1pt solid green}
div.impBtn{background:url(../ico/idx_btnbg.gif) top repeat-x; border:1px solid gray; border-right:1px solid #316835; border-bottom:1px solid #316835; filter:progid:DXImageTransform.Microsoft.Shadow(Color=gray,Direction=120,strength=3)}
span.impBtn{background:url(../ico/bgcolor.gif) top repeat-x; border:1px solid #316835}

input.imgButton{width:55px; height:20px; margin:0; border:0; padding-top:3px  !important; padding-top:5px; padding-left:20px !important; padding-left:10px; letter-spacing:2px; font-weight:bold; background-color:transparent; background-position:3px 40%; background-repeat:no-repeat; cursor:pointer; text-align:right}

input.imgLink{width:28px; height:28px; margin:0; border:0; padding-top:5px; padding-left:12px; letter-spacing:4px; font-weight:bold; background-color:transparent; background-position:center; background-repeat:no-repeat; cursor:pointer}

select.multiSelect{width:100%; border:0px; padding:0px; margin:0px; overflow:hidden; background:white; font:100%/1.0em Arial,Helvetica,sans-serif; color:#444}

input.file{height:23px; margin:0; overflow:hidden;cursor:pointer; padding-top:5px; padding-left:3px; border:1pt solid gray; background-color:#f5f5f5; background-position:5px 40%}

form input:focus, 
form select:focus, 
form textarea:focus{background-color:#e9ffe3}

input.save{background-image:url(../ico/download.gif) }
input.reset{background-image:url(../ico/activity.gif)}
input.add{background-image:url(../ico/plus.gif)}
input.edit{background-image:url(../ico/write.gif)}
input.delete{background-image:url(../ico/del.gif)}
input.search{background-image:url(../ico/search.gif)}
input.login{background-image:url(../ico/login.gif)}
input.return{background-image:url(../ico/back.gif)}
input.addMsg{background-image:url(../ico/addMsg.gif)}
input.delMsg{background-image:url(../ico/delMsg.gif)}
input.adv{background-image:url(../ico/adv.gif)}
input.output{background-image:url(../ico/sort.gif)}
input.recommend{background-image:url(../ico/brand.gif)}
input.ok{background-image:url(../ico/allow.gif)}
input.top{background-image:url(../ico/top.gif)}
input.tip{background-image:url(../ico/tips.gif)}
input.help{background-image:url(../ico/help.gif)}
input.high{background-image:url(../ico/high.gif)}
input.import{background-image:url(../ico/high.gif)}
input.sort{background-image:url(../ico/activity.gif)}
input.upload{background-image:url(../ico/upload.gif)}
input.dir{background-image:url(../ico/dir.gif)}
input.copy{background-image:url(../ico/copy.gif)}
input.cut{background-image:url(../ico/cut.gif)}
input.paste{background-image:url(../ico/paste.gif)}
input.download{background-image:url(../ico/down.gif)}
input.clear{background-image:url(../ico/clear.gif)}
input.access{background-image:url(../ico/access.gif)}
input.revert{background-image:url(../ico/revert.gif)}
input.refresh{background-image:url(../ico/page.gif)}
.errorMsg {color:Red; font-size:14px;}
.successMsg {color:Green; font-size:14px;}
em.error {overflow:hidden; zoom:1; background:url("../ico/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red; margin-left:10px; FONT-STYLE:normal;}
em.success {overflow:hidden; zoom:1; background:url("../ico/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red; margin-left:10px;}

